<template>
  <div id="index-introduce" v-html="content">

  </div>
</template>

<script>
  export default {
    name: 'index-introduce',
    data() {
      return {
        content: ''
      }
    },
    methods: {
      loadIntro: function () {
        this.$http.post({
          api: this.$api.INDEX_COMPANY_INTRODUCE,
          params: {
            id: this.$route.params.id
          },
          success: function (res) {
            this.content = res.data.data.content;
          }.bind(this)
        })
      }
    },
    created() {
      this.loadIntro();
    },
    watch: {
      '$route': 'loadIntro'
    }
  }
</script>

<style scoped lang="scss">

  #index-introduce {
    min-height: 520px; // tag
    padding: 0 .8rem;
    font-size: 1.2rem;
    color: #333;
    box-shadow: $public-box-shadow;
    background: $white url("../../assets/images/index/introduce-background.png") repeat-y top center / $size-as-parent auto;
  }
</style>
